body {
    background: linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
    font-family: 'Lato', Arial;
    color: #666666;
    -webkit-font-smoothing: antialiased;
}
.pre-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: block;
    background: #336799;
}
.pre-loader .load-con {
    margin: 20% auto;
    position: relative;
    text-align: center;
}
.spinner {
    margin: 50px auto 0;
    width: 70px;
    text-align: center;
}
.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}
@keyframes bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
header .navbar-default.scrolled {
    border: none;
    height: auto;
    padding: 0;
    border-bottom: 1px solid #336799;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
header .navbar-default.scrolled .navbar-brand img {
    width: auto;
    max-height: 33px;
}
header .navbar-default.scrolled ul.navbar-nav {
    padding-top: 15px;
}
header .navbar-default.scrolled ul.navbar-nav li#getApp ul.getApp-nav{
    display: none;
}
header .navbar-default.scrolled ul.navbar-nav li#getApp ul.getApp-nav:before{
    content: '';
    display: block;
    height: 20px;
    background-color: #000;
    background: url(../img/getApp_cross.png);
    width: 37px;
    position: absolute;
    bottom: 100%;
    left: 27%;
    margin-left: -18px;
}
header .navbar-default.scrolled ul.navbar-nav li#getApp:hover ul.getApp-nav{
    list-style-type: none;
    position: absolute;
    width: 250px;
    left: 0;
    top: 120%;
    padding: 10px 10px 0 10px;
    background-color: #fff;
    margin-top: 15px;
    margin-left: -20px;
    border-radius: 10px;
    box-shadow: 0 2px 2px 0 rgba(60, 60, 60, 0.16);
}
header .navbar-default.scrolled ul.navbar-nav li#getApp ul.getApp-nav li{
    display: inline-block;
    width: 50%;
    float: left;
    text-align: center;
}
header .navbar-default.scrolled ul.navbar-nav li#getApp ul.getApp-nav img {
    max-width: 100%;
}
header .navbar-default.scrolled ul.navbar-nav li#getApp:hover ul.getApp-nav{
    display:block;
}
header .navbar-default.scrolled ul.navbar-nav li.aactive-item{
    background: #64A3C5;
    border-radius: 6px;
}
header .navbar-default.scrolled ul.navbar-nav li a {
    color: #336799;
    background: none;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    padding: 7px 20px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
header .navbar-default.scrolled ul.navbar-nav li a:hover {
    color: #336799;
    border-bottom: none;
}
header .navbar-default.scrolled ul.navbar-nav li a:hover:after {
    background: #336799;
}
header .navbar-default.scrolled .navbar-brand {
    background: #336799;
    padding: 15px 20px;
    height: auto;
}
header .navbar-default ul.navbar-nav li a:after {
    content: '';
    width: 32px;
    background: none;
    height: 4px;
    position: absolute;
    bottom: 2px;
    z-index: 99999;
    left: 20px;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
    border-radius: 5em;
    color: #ffffff;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.container{
    margin: 0 auto;
    padding: 0 30px;
}
#main .container{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 24px;
    margin-top: 110px;
    background-image: url(../img/single2imgs/single2-main.png);
}
#maincontent{
    padding-top:0;
}
.row .positionleft{
    float:left;
}
.padcontent{
    padding-left:0px;
    padding-top: 40px;
}
.post{
    display: block;
    background-color:#fff;
    border-bottom:1px solid #ece3e1;
    margin-bottom:40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;
    padding:30px 20px 30px 18px;
}
.post .date-wrapper{
    background-color: #fcfafa;
    float:left;
    text-align:center;
    width: 60px;
    margin-right:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.post .date-wrapper .date-value {
    color: #3a3534;
    font-size: 26px;
    margin-top: 5px;
}
.post .date-wrapper .month-value {
    background-color: #e85244;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 6px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}.posttitle, .posttitle a {
     font-size: 24px;
     margin-bottom: 0;
     margin-top: 5px;
     font-family: 'Roboto', sans-serif;
     text-transform: none;
 }
.postimg {
    float: left;
    margin-right: 10px;
    position: relative;
    margin-bottom:20px;
    padding-top:21px;
    display: inline-block;
}
.postimg img{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:2;
    position:relative;
    max-width: 100%; height: auto;
    -ms-interpolation-mode: bicubic;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.postimg:before{
    background: #d9d9d9;
    -webkit-box-shadow: 0 15px 3px #d9d9d9;
    -moz-box-shadow: 0 15px 3px #d9d9d9;
    box-shadow: 0 15px 3px #d9d9d9;
    position: absolute;
    content: "";
    bottom: 15px;
    width: 50%;
    top: 80%;
    left: 10px;
    max-width: 300px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: 1;
}
.postimg:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    background: #d9d9d9;
    -webkit-box-shadow: 0 15px 3px #d9d9d9;
    -moz-box-shadow: 0 15px 3px #d9d9d9;
    box-shadow: 0 15px 3px #d9d9d9;
    position: absolute;
    content: "";
    bottom: 15px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    z-index: 1;
}
.wp-page{
    background: #fff;
    border-bottom: 1px solid #ece3e1;
    padding: 10px 20px 10px 20px;
    font-size: 11px;
    display: block;
    text-align: right;
    margin-bottom: 20px;
}
.wp-page .pages {
    background: url(../img/newsimgs/icon-pages.png) no-repeat 0 3px;
    padding-left: 20px;
    float: left;
}
.wp-page a, .wp-page a:visited {
    color: #8f8f8f;
    padding: 0px;
    margin: 0 4px;
    text-decoration: none;
}
.news footer .container{
    color: #fff;
    padding: 0 0;
    text-align: center;
}
#copyright {
    margin: 0;
    padding: 15px 10px;
    font-size: 11px;
    text-align: center;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
@media only screen and (max-width: 769px){
    .padsidebar {
        padding-left: 0;
    }
    #asidebar ul {
        padding-left: 0;
    }
    #main .container {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        margin-top: 80px;
        background-color: #f5f0ec;
        background-image: none;
    }
}
@media only screen and (min-width: 600px)and (max-width: 769px){
    header .navbar-default.scrolled ul.navbar-nav li a {
        padding: 7px 5px;
    }
    header .navbar-default.scrolled .navbar-brand {
        padding: 15px 10px;
    }
}